/<template>
    <div>
        <ul>
            <li 
            v-for="(item,index) in foot" 
            :key="index"
            @click="changeIndex(index)"
            :class="{on:index==activeIndex}"
            >{{item.title}}</li>
        </ul>
    </div>
</template>

<script>
export default {
    props:{
        foot:Array,
        activeIndex:Number,
    },
    methods:{
        changeIndex(index)
        {
            this.bus.$emit("changeActive",index);
        }
    }
}
</script>

<style>
.on{
    color: #fff;
    font-size: 20px;
}
</style>